@charset "utf-8";
@import "variable";
html,body{
  width: 100%;
  height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body{
  font:14px/1.5 'Arial Regular' ,'Arial', '微软雅黑',sans-serif;
  color: #325570;
}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a,input,textarea,select{outline: none;}
input[type="button"]{border:none;}
input,a,textarea,select,button{outline: none;}
em,b{font-style:normal}
a{text-decoration:none;color:#333}
a[href]{cursor: pointer;}
.l{ float: left;}
.r{ float: right;}
.hide{ display: none;}
.show{ display: block;}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.text-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}

.table-panel {
  width: 100%;
  /*font-family: PingFangTC-Regular;*/
  font-size: 14px;
  color: #335570;
}
.table-panel .ivu-table-header{
  height: 52px;
  line-height: 52px;
}
.table-panel .ivu-table-header  th{
  color: #9BAFBC;
  background-color: #f1f8ff;
  border: 0;
  font-size: 14px;
}
.table-panel .ivu-table-tbody .ivu-table-cell{
/*  font-family: PingFangTC-Regular;*/
  font-size: 14px;
  color: #335570;
}

/*button*/
.default-btn{
  width: 100px;
  height: 38px;
  font-size: 16px;
  color: #96ACB9;
  background-color: #fff ;
  border: 1px $baseBorderColor solid;
  border-radius: 3px;
  cursor: pointer;
  &:hover{
    opacity: .7;
  }
  &.active{
    background-color: $baseColor;
    border: 0;
    color: #fff;
  }
}

/*分页*/
.page-content {
  margin-top: 30px;
  text-align: right;
  .page {
    display: inline-block;
    .ivu-page-item, .ivu-page-item-jump-next, .ivu-page-prev, .ivu-page-next, .ivu-page-item-jump-prev {
      width: 40px;
      height: 38px;
      line-height: 38px;
      margin-left: 10px;
      &:hover {
        color: $baseColor;
        border-color: $baseColor;
      }
    }
    .ivu-page-item-active {
      background-color: $baseColor;
      border-color: $baseColor;
    }
  }
}
/*表单样式特殊*/
.my-form{
  .ivu-form-item-label{
    font-size: 14px;
    color: #335570;
  }
  .ivu-form-item-content{
    font-size: 14px;
    color: #335570;
  }
}

.my-modal{
  margin: 140px auto 20px auto;
  .ivu-modal{
    top: 0;
    height: 500px;
    font-size: 14px;
    color: #325570;
    .ivu-modal-header{
      border: 0;
      padding: 40px 90px !important;
      .ivu-modal-header-inner{
        font-size: 20px;
        color: #325570;
        font-weight: normal;
      }
    }
    .ivu-modal-body{
      font-size: 14px;
      color: #335570;
      padding: 0 90px;
      .addForm{
        margin-bottom: 50px;
        .ivu-form-item-label{
          font-size: 14px;
          color: #335570;
        }
      }
    }
    .ivu-modal-footer{
      border: 0;
      text-align: center;
      line-height: 100px;
      .ivu-btn{
        width: 100px;
        height: 38px;
        font-size: 16px;
        border: 1px $baseBorderColor solid;
        margin: 10px;
      }
    }
  }
}

.ivu-switch{
  border: 1px solid $baseBorderColor;
  background-color: #fff;
  width: 80px;
  height: 40px;
  line-height: 40px;
  .ivu-switch-inner{
    left: 40px;
    font-size: 14px;
    color: #9FB3BF;
  }
  &:after{
    width: 36px;
    height: 36px;
    left:0;
    border: 1px $baseBorderColor solid;
  }
  &.ivu-switch-checked{
    border-color: #9DD94C;
    background-color: #9DD94C;
    &:after{
      left:40px;
    }
    .ivu-switch-inner{
      left: 8px;
      color:#fff;
    }
  }
}
.ivu-checkbox-wrapper{
  font-size: 14px;
  color: #335570;
  .ivu-checkbox{
    margin-right: 4px;
  }
}
.ivu-radio-wrapper{
  font-size: 14px;
  color: #325570;
  .ivu-radio{
    margin-right: 10px;
  }
}
/*滚动条样式开始*/
::-webkit-scrollbar {
  width:4px;
  height:8px;
}
::-webkit-scrollbar-button {
  display:none;
}
::-webkit-scrollbar-track {
  background-color: #686a6a;
}
::-webkit-scrollbar-track-piece {
  background:#FFF;
}
::-webkit-scrollbar-thumb {
  border-radius:20px;
  background-color: #686a6a;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #686a6a;
}
::-webkit-scrollbar-corner {
  background-color: #686a6a;
}
::-webkit-scrollbar-resizer {
  background-color:#ff6e00;
}
/*滚动条样式结束*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 12px;
  color: #96ACB9;
}
input:-moz-placeholder, textarea:-moz-placeholder  {
  font-size: 12px;
  color: #96ACB9;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 12px;
  color: #96ACB9;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 12px;
  color: #96ACB9;
}

